<app-detail-header
  [title]="'GENERAL.INFO.OPERATION' | i18n"
  [ifEditable]="false"
></app-detail-header>

<div nz-row nzType="flex" nzJustify="center" nzAlign="middle" nzGutter="16">
  <form  class="cil__base-block--form" nz-form>
    <div nz-row [nzGutter]="24">
      <div nz-col [nzSpan]="24">
        <nz-form-item>
          <nz-form-label>{{ 'GENERAL.INFO.REMARK' | i18n }}</nz-form-label>
          <nz-form-control>
            <textarea [(ngModel)]="reason" [ngModelOptions]="{standalone: true}" nz-input></textarea>
          </nz-form-control>
        </nz-form-item>
      </div>

      <div nz-col [nzSpan]="24">
        <div nz-row nzType="flex" nzJustify="center" nzAlign="middle">
          <button nz-button (click)="cancel()">{{ 'BTN.CANCEL' | i18n }}</button>
          <button nz-button (click)="reject()">{{ 'BTN.REJECT' | i18n }}</button>
          <button nz-button (click)="approve()">{{ 'BTN.APPROVE' | i18n }}</button>
        </div>
      </div>
    </div>
  </form>
</div>